<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="shortcut icon" href="favicon.ico">

		<title>Sunshine Nails</title>

		<!-- Bootstrap core CSS -->
		<link href="./css/bootstrap.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->

		<!-- Custom styles for this template -->
		<link href="styles.css" rel="stylesheet">
	</head>
	<!-- NAVBAR
	================================================== -->
	<body>
		<div class="navbar navbar-default" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="./index.html">SUNSHINE NAILS</a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li >
							<a href="./index.html">Home</a>
						</li>
						<li>
							<a href="./service.html">Service</a>
						</li>
						<li>
							<a href="gallery.html">Gallery</a>
						</li>
						<li>
							<a href="./about.html">About Us</a>
						</li>
						<li class="active">
							<a href="./contact.html">Contact Us</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row hd-row">
				<div class="col-sm-3 alert alert-block ">
					<span class="hd-name">Today</span><span class="hd-phone" id="open-time"></span>
				</div>
				<div class="col-sm-2 alert alert-block "></div>
				<div class="col-sm-2 alert alert-block btn-book">
					BOOK NOW
				</div>
				<div class="col-sm-2 alert alert-block "></div>

				<div class="col-sm-3 alert alert-block ">
					<span>Phone</span><span class="hd-phone">703 - 780 - 8438</span>
				</div>

			</div>
		</div>
		<div class="container border-top alert alert-block">
			<div class="col-sm-6 col-1">
				<address>
					<strong>Sunshinenails VA</strong>
					<br>
					8332-B Richmond Hwy, Alexandria
					<br>
					Virginia, VA 22309
					<br>
					<abbr title="Phone">Phone:</abbr> (703) 780-8438
				</address>
			</div>
			<div class="col-sm-6 col-1">
				<strong>Mon - Fri:</strong>10:00AM - 08:00PM
				<br>
				<strong>Sat:</strong>09:00AM - 07:00PM
				<br>
				<strong>Sun:</strong>11:00AM - 06:00PM
				<br>
			</div>
		</div>
		<div class="container map-block border-bt">
			<iframe src="maps.html" style="overflow:hidden;height:100%;width:100%"></iframe>
		</div>
		<div class="container">
			<footer>
				<p class="pull-right">
					<a href="#">Back to top</a>
				</p>
				<p>
					Copyright &copy; 2014 Sunshine Nails
				</p>
				<p>
					8332-B Richmond Hwy, Alexandria, Virginia
				</p>
				<p>
					703-780-8438
				</p>

			</footer>
		</div><!-- /.container -->

		<!-- Bootstrap core JavaScript
		================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<script src="./js/bootstrap.min.js"></script>
		<!--<script src="./js/docs.min.js"></script>-->
		<script type="text/javascript">
			$(document).ready(function() {
				var d = new Date();
				var n = d.getDay();
				if (n == 0) {
					$("#open-time").text('11:00 AM - 6:00 PM');
				} else if (n == 6) {
					$("#open-time").text('9:00 AM - 7:00 PM');
				} else {
					$("#open-time").text('10:00 AM - 8:00 PM');
				}
			});
		</script>
	</body>
</html>
